<template>
  <div @click.stop="c">
    <a @click.prevent="a" href="http://www.baidu.com">阻止默认行为</a>
    <br />
    <button @click.stop="b">阻止事件冒泡</button>
  </div>
</template>

<script>
// 目标：事件.修饰符
// 作用：可以给事件带来更强大的功能
// 语法：@事件名.修饰符名
// .stop  阻止事件冒泡
// .prevent 阻止默然行为
export default {

  methods: {
    a (e) {
      e.preventDefault()//点这个的时候c也会触发，而b并没有

    },
    b () {
      console.log('阻止事件冒泡')

    },
    c () {
      console.log('父亲阻止事件冒泡')
    }
  }
}
</script>

<style>
</style>
